Добавление промокода

Первым, что необходимо сделать при добавлении промокода в форму — это добавить виджет "Текстовый ввод".

После этого в самый низ формы добавляем виджет "Код" с кодом.

<style>
#success, #fail, #promo_field {
display: block;
padding: 20px;
font-size: 20pt;
font-weight: bold;
text-align: center;
}
#success, #promo_field {background-color: #77f277; color: #000;}
#fail {background-color: #f74e48; color: #fff;}
</style>
<div id="promo_field" style="display:none;">Промо-код: <span id="promo_code"></span></div>

Теперь можно добавить кнопку которая будет проверять и применять промокод. Для этого рядом с уже добавленным виджетом "Текстовый ввод" добавляем виджет "Код" с следующим кодом

<button class="button-promo"><span>Применить промокод</span></button>

Следующим и завершающим шагом будет добавление самого скрипта который будет обрабатывать, проверять и применять промокод, а также изменять сумму результата. Добавляем в низ формы еще один виджет "Код" и вставляем в него следующий код:

<span id="success" style="display:none;">Промокод успешно применен</span>
<span id="fail" style="display: none;">Увы, такого промокода не существует</span>
<script>
var code = {
name: "promo", // название промокода
percent: "30%", // процент скидки с учетом промо-кода
result: 1200 // включение промокода при сумме не меньше 1200
};

$(function() {
$(".button-promo").click(function() {
RESULTS.go();
if(RESULTS.db.res[1] < code.result) {
return false;
} else {
$("#promo_code").text(code.name);
}
});

$(".button-promo").on("click", function() {
if($("#input_text-ID").val() === code.name) {
$(".button-promo").attr("disabled", "disabled").css("opacity", ".6");
$("#input_text-ID").attr("disabled", "disabled").css("opacity", ".6");
STEPFORM.data.results[0].formula += "-" + code.percent;
RESULTS.go();
$("#success").slideDown(400, function() {
appNormalise();
});
$("#fail").slideUp(200); 
} else if($("#input_text-ID").val() !== code.name) {
$("#fail").show(); 
appNormalise();
}
}) 
});
</script>

Где input_text-ID — это id вашего поля для промокода. Чтобы его получить кликните по виджету правой кнопкой мыши и выберите — «Исследовать элемент»